import React from 'react';
 
// 定义组件（虽然这里只是一个简单的函数组件，但您通常会将其放在单独的文件中）
const WelcomePage = () => (
  <div>
    <h1>Welcome to the Leo-Design-UI</h1>
    <p>leo-design-ui是一套基于轻量级的UI组件库</p>
    <p>助力设计开发者「更灵活」地搭建出「更美」的产品，让用户「快乐工作」～</p>
    <h3>安装试试</h3>
    <code>
      npm install leo-design-ui --save
    </code>
  </div>
);
 
// 使用CSF定义故事
export default {
  title: 'Welcome', // 故事的标题和路径
  component: WelcomePage, // 指定这个故事是关于哪个组件的
};
 
// 定义并导出故事
const Template = (args:any) => <WelcomePage {...args} />; // 通常用于传递参数，但在这个例子中我们不需要
export const Welcome = Template.bind({}); // 绑定故事，不需要额外的参数